<template>
  <div id="app">
    <ul id="banner">
        <li>最新要闻</li>
        <li>个人简历</li>
        <li>社区博客</li>
        <li>愿望清单</li>
        <li>心情小记</li>
        <li><span>登录 </span><span> 注册</span></li>
        
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Header',
}
</script>

<style lang="stylus" scoped>
    #app
        height: 40px;
        background: #3c3c3c;
        border-bottom: 1px solid #3c3c30
        #banner
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin:0 auto;
            width: 60%;
            height: 100%;
            // background: #fff
            color: #c3c1b0;
            li
                line-height: 40px;
                font-size: 14px;
                cursor: pointer
                
</style>
